var sheng = ['请选择', '江苏', '浙江', '天津', '上海', '重庆', '广东', '北京', '福建', '湖南',
    '湖北', '山东', '辽宁', '吉林', '云南', '四川', '安徽'
]
var shi = [
    [],
    ['南京', '苏州', '无锡', '常州', '镇江', '连云港 ', '扬州', '徐州 ', '南通', '盐城', '淮阴', '泰州', '宿迁'],
    ['杭州', '湖州', '丽水', '温州', '绍兴', '舟山', '嘉兴', '金华', '台州', '衢州', '宁波'],
    ['和平', '河北', '河西', '河东', '南开', '红桥', '塘沽', '汉沽', '大港', '东丽', '西青', '津南', '北辰', '武清', '滨海'],
    ['宝山', '金山', '南市', '长宁', '静安', '青浦', '崇明', '卢湾', '松江', '奉贤', '浦东', '杨浦'],
    ['渝中', '江北', '沙坪坝', '南岸', '九龙坡', '大渡口'],
    ['广州', '珠海', '中山', '佛山', '东莞', '清远', '肇庆', '阳江', '湛江', '韶关', '惠州'],
    ['东城区', '西城区', '崇文区', '宣武区', '朝阳区', '海淀区', '丰台区', '石景山'],
    ['福州 ', '厦门 ', '泉州 ', '漳州 ', '龙岩 ', '南平 ', '宁德 ', '莆田 ', '三明'],
    ['长沙', '株州', '湘潭', '衡阳', '邵阳', '岳阳', '常德', '郴州', '益阳', '永州', '怀化'],
    ['武汉', '黄石', '十堰', '荆州', '宜昌', '襄樊', '鄂州', '荆门', '孝感', '黄冈', '咸宁'],
    ['济南', '青岛', '淄博', '德州', '烟台', '潍坊', '济宁', '泰安', '临沂', '菏泽'],
    ['沈阳', '大连', '鞍山', '锦州', '丹东', '盘锦', '铁岭', '抚顺', '营口'],
    ['长春', '吉林', '四平', '辽源', '通化', '白山', '松原', '白城', '延边'],
    ['昆明', '东川', '曲靖', '玉溪', '昭通', '思茅', '临沧', '保山', '丽江', '文山 '],
    ['成都', '自贡', '攀枝花', '泸州', '德阳', '绵阳', '广元', '遂宁', '内江', '乐山', '南充  ', '宜宾', '广安'],
    ['合肥  ', '芜湖 ', '蚌埠 ', '滁州 ', '安庆 ', '六安 ', '黄山 ', '宣城 ']
];

function $(id) {
    return document.getElementById(id);
}


function createsheng() {
    for (var i = 0; i < sheng.length; i++) {
        var op = new Option(sheng[i], sheng[i]);
        $('sheng').options.add(op);
    }

}

function createshi() {
    var shengIndex = $('sheng').selectedIndex;
    $('shi').length = 0;
    for (var i = 0; i < shi[shengIndex].length; i++) {
        var op = new Option(shi[shengIndex][i], shi[shengIndex][i]);
        $('shi').options.add(op);
    }

}

window.onload = function() {
    createsheng();
    $('sheng').onchange = createshi;
}